<template>
  <div class="home">
    <!-- <svg class="icon" aria-hidden="true">
      <use xlink:href="#icon-paihangbang"></use>
    </svg>-->
    <topnave></topnave>
    <banner></banner>
    <!-- <icon-list></icon-list> -->
    <music-list></music-list>
    
  </div>
</template>

<script>
// @ is an alias to /src
// import HelloWorld from '@/components/HelloWorld.vue'
import topnave from "../components/topnav/topnav.vue";
import banner from "../components/banners/banner.vue"
import iconList from "../components/iconList.vue";
import musicList from "../components/musicList.vue";

export default {
  name: 'home',
  components: {
    // HelloWorld
    topnave,
    banner,
    iconList,
    musicList,
    // Swiper,
    // SwiperSlide
  },
  data(){
    
  },
  created() {
  },
  methods: {
    
  },
}
</script>

<style>
.home{
 margin: 0.1rem;

}
</style>


